
<div class="portlet light">
    <div class="portlet-title">
        <div class="caption">
            <span class="caption-subject"> @L("DateAndTimePickers")</span>
        </div>
    </div>
    <div class="portlet-body">

        <form role="form">

            <div class="form-group form-md-line-input form-md-floating-label row">
                <label class="col-md-2 control-label">Default date picker</label>
                <div class="col-md-10">
                    <div class="input-group">
                        <div class="input-group-control">
                            <input type="datetime" name="SampleDatePicker" class="form-control date-picker">
                            <label>@L("SelectDate")</label>
                        </div>
                        <span class="input-group-btn btn-right">
                            <button class="btn green-haze test-btn-date-picker" type="button">@L("Submit")</button>
                        </span>
                    </div>
                </div>

            </div>

            <div class="form-group form-md-line-input form-md-floating-label row">
                <label class="col-md-2 control-label">Default datetime picker</label>
                <div class="col-md-10">
                    <div class="input-group">
                        <div class="input-group-control">
                            <input type="datetime" name="SampleDateTimePicker" class="form-control datetime-picker">
                            <label>@L("SelectDate")</label>
                        </div>
                        <span class="input-group-btn btn-right">
                            <button class="btn green-haze test-btn-datetime-picker" type="button">@L("Submit")</button>
                        </span>
                    </div>
                </div>
            </div>

            <div class="form-group form-md-line-input form-md-floating-label edited row">
                <label class="col-md-2 control-label">Default daterange picker</label>
                <div class="col-md-10">
                    <div class="input-group">
                        <div class="input-group-control">
                            <input type="datetime" name="SampleDateRangePicker" class="form-control daterange-picker">
                        </div>
                        <span class="input-group-btn btn-right">
                            <button class="btn green-haze test-btn-daterange-picker" type="button">@L("Submit")</button>
                        </span>
                    </div>
                </div>
            </div>

        </form>

    </div>
</div>